91:I[903690,["/chat-static/_next/static/immutable/chunks/10wpt-vzxn5i1.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/179p_vj82jpro.js","/chat-static/_next/static/immutable/chunks/38ug3n50sd79m.js","/chat-static/_next/static/immutable/chunks/1r_xlti2nupgd.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/0v6za4mu6mmch.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/2ihe2cde8-h-m.js","/chat-static/_next/static/immutable/chunks/34pqinj9axzi3.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/2aqaq-qj4jd04.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/2wi4f19gpmjmu.js","/chat-static/_next/static/immutable/chunks/3f0qksrmwbx5_.js","/chat-static/_next/static/immutable/chunks/2p_xpxyq5ao8y.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/30c9gel_8-oba.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/2i-ulz8g4wtdk.js"],"ExplicitChatIdProvider"] 92:I[838238,["/chat-static/_next/static/immutable/chunks/10wpt-vzxn5i1.js","/chat-static/_next/static/immutable/chunks/0lyxw0nk-7-p_.js","/chat-static/_next/static/immutable/chunks/0s13a2j9-r_7z.js","/chat-static/_next/static/immutable/chunks/05z0jc31ylkrk.js","/chat-static/_next/static/immutable/chunks/2836u6jwf9bgv.js","/chat-static/_next/static/immutable/chunks/3ktygcwrvju41.js","/chat-static/_next/static/immutable/chunks/3npdfuq6kuky8.js","/chat-static/_next/static/immutable/chunks/3xgcz543a20n9.js","/chat-static/_next/static/immutable/chunks/2ks2dvr47nqsg.js","/chat-static/_next/static/immutable/chunks/0wp9iyt7gqj9c.js","/chat-static/_next/static/immutable/chunks/03w_e6mqufrhn.js","/chat-static/_next/static/immutable/chunks/3su8b9kn4mbaa.js","/chat-static/_next/static/immutable/chunks/2sp-yda0t06bm.js","/chat-static/_next/static/immutable/chunks/06-mpaxkl_qww.js","/chat-static/_next/static/immutable/chunks/2v1ytxhjawdqw.js","/chat-static/_next/static/immutable/chunks/3vhx3fg583u19.js","/chat-static/_next/static/immutable/chunks/3bon2sery8l35.js","/chat-static/_next/static/immutable/chunks/022gnoebsh94r.js","/chat-static/_next/static/immutable/chunks/179p_vj82jpro.js","/chat-static/_next/static/immutable/chunks/38ug3n50sd79m.js","/chat-static/_next/static/immutable/chunks/1r_xlti2nupgd.js","/chat-static/_next/static/immutable/chunks/00hu8fdgh1j4v.js","/chat-static/_next/static/immutable/chunks/0ggiln07qpg3x.js","/chat-static/_next/static/immutable/chunks/0v6za4mu6mmch.js","/chat-static/_next/static/immutable/chunks/362eoze68z3tj.js","/chat-static/_next/static/immutable/chunks/30xbirk075f9u.js","/chat-static/_next/static/immutable/chunks/2s3rmbgvk5alc.js","/chat-static/_next/static/immutable/chunks/2ihe2cde8-h-m.js","/chat-static/_next/static/immutable/chunks/34pqinj9axzi3.js","/chat-static/_next/static/immutable/chunks/24oxen36r-7_-.js","/chat-static/_next/static/immutable/chunks/21nzp1fdul4xe.js","/chat-static/_next/static/immutable/chunks/2r3778mxx4zx3.js","/chat-static/_next/static/immutable/chunks/2aqaq-qj4jd04.js","/chat-static/_next/static/immutable/chunks/27kqtemkm6wc0.js","/chat-static/_next/static/immutable/chunks/1gwh2_shftvhf.js","/chat-static/_next/static/immutable/chunks/2wi4f19gpmjmu.js","/chat-static/_next/static/immutable/chunks/3f0qksrmwbx5_.js","/chat-static/_next/static/immutable/chunks/2p_xpxyq5ao8y.js","/chat-static/_next/static/immutable/chunks/1etiboqt-76vo.js","/chat-static/_next/static/immutable/chunks/30c9gel_8-oba.js","/chat-static/_next/static/immutable/chunks/1elbuzr4anjh-.js","/chat-static/_next/static/immutable/chunks/2i-ulz8g4wtdk.js"],"SWRDataProvider"] 93:T3c9f,[V0_FILE]typescriptreact:file="app/layout.tsx" isFixed="true" isQuickEdit="true" import "./globals.css" import type { Metadata } from "next" import { Inter } from "next/font/google" import Sidebar from "./components/Sidebar" import Header from "./components/Header" import type React from "react" // Added import for React const inter = Inter({ subsets: ["latin"] }) export const metadata: Metadata = { title: "FitTrack Pro", description: "Your personal fitness companion", } export default function RootLayout({ children, }: { children: React.ReactNode }) { return (

{children}

) } [V0_FILE]typescriptreact:file="app/components/Sidebar.tsx" import Link from "next/link" import { Home, Dumbbell, Calendar, Users, Award, Settings } from "lucide-react" const menuItems = [ { icon: Home, text: "Dashboard", href: "/" }, { icon: Dumbbell, text: "Exercises", href: "/exercises" }, { icon: Calendar, text: "Workouts", href: "/workouts" }, { icon: Users, text: "Community", href: "/community" }, { icon: Award, text: "Achievements", href: "/achievements" }, { icon: Settings, text: "Settings", href: "/settings" }, ] export default function Sidebar() { return (

FitTrack Pro

) } [V0_FILE]typescriptreact:file="app/components/Header.tsx" "use client" import { useState } from "react" import { Bell, Menu } from "lucide-react" export default function Header() { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false) return (

FitTrack Pro

John Doe

) } [V0_FILE]typescriptreact:file="app/page.tsx" import DashboardStats from "./components/DashboardStats" import WorkoutProgress from "./components/WorkoutProgress" import RecentWorkouts from "./components/RecentWorkouts" import AIRecommendations from "./components/AIRecommendations" export default function Dashboard() { return (

Dashboard

) } [V0_FILE]typescriptreact:file="app/components/DashboardStats.tsx" import { Activity, Flame, Clock, TrendingUp } from "lucide-react" const stats = [ { name: "Workouts Completed", value: 12, icon: Activity, color: "bg-blue-500" }, { name: "Calories Burned", value: "3,500", icon: Flame, color: "bg-red-500" }, { name: "Total Time", value: "8h 30m", icon: Clock, color: "bg-green-500" }, { name: "Progress", value: "15%", icon: TrendingUp, color: "bg-purple-500" }, ] export default function DashboardStats() { return ( <> {stats.map((stat) => (

{stat.name}: {stat.value}

))} ) } [V0_FILE]typescriptreact:file="app/components/WorkoutProgress.tsx" "use client" import { useState } from "react" import { Bar } from "react-chartjs-2" import { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend } from "chart.js" ChartJS.register(CategoryScale, LinearScale, BarElement, Title, Tooltip, Legend) const options = { responsive: true, plugins: { legend: { position: "top" as const, }, title: { display: true, text: "Weekly Workout Progress", }, }, } const labels = ["Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"] export default function WorkoutProgress() { const [data] = useState({ labels, datasets: [ { label: "Workout Duration (minutes)", data: labels.map(() => Math.floor(Math.random() * 60) + 30), backgroundColor: "rgba(53, 162, 235, 0.5)", }, ], }) return (

Workout Progress

) } [V0_FILE]typescriptreact:file="app/components/RecentWorkouts.tsx" import { Calendar } from "lucide-react" const workouts = [ { id: 1, name: "Full Body Workout", date: "2023-06-01", duration: "45 min" }, { id: 2, name: "Upper Body Strength", date: "2023-05-30", duration: "60 min" }, { id: 3, name: "HIIT Cardio", date: "2023-05-28", duration: "30 min" }, { id: 4, name: "Leg Day", date: "2023-05-26", duration: "50 min" }, ] export default function RecentWorkouts() { return (

Recent Workouts

{workout.name}

{workout.date}

{workout.duration}

View all workouts

) } [V0_FILE]typescriptreact:file="app/components/AIRecommendations.tsx" "use client" import { useState } from "react" import { Dumbbell, ChevronRight } from "lucide-react" const recommendations = [ { id: 1, name: "High-Intensity Interval Training", description: "Boost your metabolism and burn fat with this HIIT workout.", }, { id: 2, name: "Strength Training for Beginners", description: "Build muscle and improve overall strength with this beginner-friendly routine.", }, { id: 3, name: "Yoga for Flexibility", description: "Increase your flexibility and reduce stress with this calming yoga session.", }, ] export default function AIRecommendations() { const [expandedId, setExpandedId] = useState(null) const toggleExpand = (id: number) => { setExpandedId(expandedId === id ? null : id) } return (

AI-Powered Workout Recommendations

{recommendations.map((rec) => (

{expandedId === rec.id && (

{rec.description}

)}

))}

) } [V0_FILE]typescriptreact:file="app/exercises/page.tsx" "use client" import { useState } from "react" import { Search } from "lucide-react" const exercises = [ { id: 1, name: "Push-ups", category: "Strength", equipment: "Bodyweight", difficulty: "Beginner" }, { id: 2, name: "Squats", category: "Strength", equipment: "Bodyweight", difficulty: "Beginner" }, { id: 3, name: "Plank", category: "Core", equipment: "Bodyweight", difficulty: "Intermediate" }, { id: 4, name: "Lunges", category: "Strength", equipment: "Bodyweight", difficulty: "Beginner" }, { id: 5, name: "Burpees", category: "Cardio", equipment: "Bodyweight", difficulty: "Advanced" }, ] export default function Exercises() { const [searchTerm, setSearchTerm] = useState("") const [selectedCategory, setSelectedCategory] = useState("All") const filteredExercises = exercises.filter( (exercise) => exercise.name.toLowerCase().includes(searchTerm.toLowerCase()) && (selectedCategory === "All" || exercise.category === selectedCategory), ) return (

Exercise Library

setSearchTerm(e.target.value)} />

{exercise.name}

{exercise.difficulty}

Category: {exercise.category}

Equipment: {exercise.equipment}

) } 8a:["$","$L91",null,{"chatId":"lASsoLQFwji","children":["$","$L92",null,{"data":{"@\"active-block\",\"lASsoLQFwji\",":{"id":"b_AX3NlTqYsGf","messageId":"O6bfntuoh7QW8540QhfFEEPfjTRWfJw6","source":"$93","language":"typescriptreact","type":"code-project","closed":true,"meta":{"id":"fitness-app","type":"code-project","project":"fitness-app"},"hasSourceBeenEdited":false,"forkedFromBlockId":"$undefined"},"@\"chat:vm-mode\",\"lASsoLQFwji\",":false,"":null},"children":"$L94"}]}]

Dashboard

Workout Progress

Recent Workouts

AI-Powered Workout Recommendations

Exercise Library

{exercise.name}

About

Tags

Share

About

Tags

Share

About

Tags

Share

More Templates Like This